<template>
    <div class="content">
        <h1 class="ts">{{sjxxInfo.noticeTitle}}<span>{{sjxxInfo.createTimeStr}}</span></h1>
        <p class="nr" v-html="sjxxInfo.noticeContent"></p>
    </div>
</template>

<script>
    import home from '@/api/tap-water/home';

    export default {
        data() {
            return {
                sjxxInfo: {},
                id: this.$route.query.id,
            };
        },
        methods: {
            getSjxxDetail(id) {
                home.getDetailById(id)
                    .then(response => {
                        this.sjxxInfo = response.data.data;
                    });
            },
        },
        mounted() {
            this.getSjxxDetail(this.id);
        },

    }
</script>

<style scoped>
    @import "../../assets/tap-water/css/base.css";
    @import "../../assets/tap-water/css/other.css";
</style>